<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="../../dist/css/common.css">
    <link rel="stylesheet" href="../../dist/css/home.css">
    <link rel="stylesheet" href="../static/libs/css/swiper-bundle.min.css">

    <style type="text/css">
        .swiper-container {
            --swiper-pagination-color: #ddd;
        }
        .swiper-pagination-bullet {
            width: 16px;
            height: 16px;
        }
        .swiper-pagination {
            justify-content: space-around;
            position: fixed;
            bottom: 20px;
            left: 50%;
            transform: translate(-50%);
        }
    </style>

</head>
<script src="../static/libs/javascripts/jquery.js"></script>
<body>
    <div id="app">
        <!-- 顶部菜单 -->
        <header class="global-header">
            <div class="global-header-part-side-logo"><a href="javascript:void(0);"><img
                        src=""
                        width="145" height="60"></a></div>
            <div class="Container">
                <div class="global-header-part-main">
                    <div class="global-header-part-main-logo"><a href="javascript:void(0);"><img
                                src=""
                                width="145" height="60"></a></div>
                    <div class="global-header-part-main-menu">
                        <div class="GlobalHeaderPartMenu">
                            <div class="part-menu-items"><a href="./login.html" active="true">登录/注册</a><a
                                    href="javascript:void(0);"> 消息中心
                                    </a><a href="javascript:void(0);">收藏夹</a><a
                                    href="javascript:void(0);">郑重声明</a><a href="javascript:void(0);">帮助</a></div>
                        </div>
                    </div>
                    <div class="global-header-part-main-action">
                        <div class="global-header-part-main-search">
                            <div class="GlobalHeaderPartSearch">
                                <div class="part-search-wrap">
                                    <div class="part-search-box">
                                        <div class="part-search-input"><input type="search" placeholder="输入商品名或货号"> </div>
                                        <a href="javascript:void(0);" class="part-search-submit">
                                            <img src="" alt="搜索" width="38" height="38">
                                        </a>
                                        <div class="part-search-history">
                                            <div class="part-search-history-babel">
                                                <span class="part-search-history-recent">热门搜索</span>
                                                <span class="part-search-history-change">换一批</span>
                                            </div>
                                            <span class="part-search-history-content"> 扫除用品 </span>
                                            <span class="part-search-history-content"> 起泡网 </span>
                                            <span class="part-search-history-content"> 限定 </span>
                                            <span class="part-search-history-content"> 内衣 </span>
                                            <span class="part-search-history-content"> 乳液 </span>
                                            <span class="part-search-history-content"> 蜡烛 </span>
                                            <span class="part-search-history-content"> 笔记本 </span>
                                            <span class="part-search-history-content"> 衣架 </span>
                                            <span class="part-search-history-content"> 薯条 </span>
                                            <span class="part-search-history-content"> 化妆棉 </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="global-header-part-main-btns">
                            <div class="GlobalHeaderPartBtns">
                                <div class="part-btns-wrap"><a href="./shoppingcar.html"><img
                                            src=""
                                            alt="购物车" width="24" height="24"><span
                                            class="part-btns-label">购物车</span></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </header>


        <!-- 侧边定位导航栏 -->
        <div class="global-sidebar ps ps--active-y " style="display: none;">
            <!-- 首页 -->
            <div class="global-sidebar-section">
                <div class="global-sidebar-title"> <span>首页</span> </div>
                <div class="global-sidebar-item "> <span class="stairs">公告</span></div>
                <div class="global-sidebar-item "> <span class="stairs">活动</span></div>
                <div class="global-sidebar-item "> <span class="stairs">特集</span></div>
                <div class="global-sidebar-item "> <span class="stairs">新商品</span></div>
                <div class="global-sidebar-item "> <span class="stairs">产品</span></div>
                <div class="global-sidebar-item "> <span class="stairs">排行榜</span></div>
                <div class="global-sidebar-item "> <span class="stairs">视频</span></div>
            </div> 
            <!-- 全部商品 -->
            <div class="global-sidebar-section">
                <div class="global-sidebar-title"><span>全部商品</span></div>
                <div class="global-sidebar-item">
                    <span>综合</span>
                    <span>销量</span>
                    <span>新品</span>
                    <span>价格</span>
                </div>
            </div>
            <!-- 优惠推荐 -->
            <div class="global-sidebar-section">
                <div class="global-sidebar-title">
                    <span><span>优惠</span> · <span>推荐</span></span>
                </div>
                <div class="global-sidebar-item">
                    <span>期间特惠</span>
                    <span>组合套餐购</span>
                </div>
            </div>
            <!-- 侧边栏滚动条 -->
            
            <div class="ps__rail-y" style="top: 690px; right: 0px; height: 1420px;">
                <div class="ps__thumb-y" tabindex="0" style="top: 226px; height: 1194px;"></div>
            </div>

            <!-- 衣服杂货 -->
            <div class="global-sidebar-section">

                <div class="global-sidebar-title"><a href="javascript:void(0);">衣服·杂货</a></div>

                <div class="global-sidebar-item"><a href="javascript:void(0);">女装</a>
                    <div class="global-sidebar-item-children" style="top: 572px; left: 0px;">
                        <div class="global-sidebar-children-title"><a href="javascript:void(0);">女装</a></div>
                        <div class="global-sidebar-children-list">
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">女式外套</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">女式裤、裙类</a>
                            </div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">女式编织衫</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">女式衬衣</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">女式针织衫</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">孕妇装</a></div>
                        </div>
                    </div>
                </div>
                <!-- 男装 -->
                <div class="global-sidebar-item"><a href="javascript:void(0);">男装</a>
                    <div class="global-sidebar-item-children" style="top: 608px; left: 0px;">
                        <div class="global-sidebar-children-title"><a href="javascript:void(0);">男装</a></div>
                        <div class="global-sidebar-children-list">

                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">男式编织衫</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">男式外套</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">男式衬衫</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">男式针织衫</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">男式裤类</a></div>

                        </div>
                    </div>
                </div>
                <!-- 内衣 -->
                <div class="global-sidebar-item"><a href="javascript:void(0);">内衣</a>
                    <div class="global-sidebar-item-children" style="top: 644px; left: 0px;">
                        <div class="global-sidebar-children-title"><a href="javascript:void(0);">内衣</a></div>
                        <div class="global-sidebar-children-list">

                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">男式内衣</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">男式睡衣</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">女式内衣</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">女式睡衣</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">儿童内衣</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">儿童睡衣</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">孕妇睡衣</a></div>

                        </div>
                    </div>
                </div>
                <!-- 鞋 包 -->
                <div class="global-sidebar-item"><a href="javascript:void(0);">鞋·包</a>
                    <div class="global-sidebar-item-children" style="top: 332px; left: 0px;">
                        <div class="global-sidebar-children-title"><a href="javascript:void(0);">鞋·包</a></div>
                        <div class="global-sidebar-children-list">

                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">手提袋</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">背包/挎包</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">平底鞋</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">雨鞋</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">运动鞋</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">腰带/钱包</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">拉杆箱</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">凉鞋</a></div>

                        </div>
                    </div>
                </div>
                <!-- 服饰杂货 -->
                <div class="global-sidebar-item"><a href="javascript:void(0);">服饰杂货</a>
                    <div class="global-sidebar-item-children" style="top: 332px; left: 0px;">
                        <div class="global-sidebar-children-title"><a href="javascript:void(0);">服饰杂货</a></div>
                        <div class="global-sidebar-children-list">

                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">帽子</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">袜子</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">收腿裤/丝袜</a>
                            </div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">围巾</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">手帕/口罩</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">手套</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">雨伞</a></div>

                        </div>
                    </div>
                </div>
                <!-- 童装 -->
                <div class="global-sidebar-item"><a href="javascript:void(0);">童装</a>
                    <div class="global-sidebar-item-children" style="top: 423.5px; left: 0px;">
                        <div class="global-sidebar-children-title"><a href="javascript:void(0);">童装</a></div>
                        <div class="global-sidebar-children-list">

                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">幼儿类</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">婴儿类</a></div>

                        </div>
                    </div>
                </div>
                <!-- MUJI LABO -->
                <div class="global-sidebar-item"><a href="javascript:void(0);">MUJI LABO</a>
                    <div class="global-sidebar-item-children" style="top: 438px; left: 0px;">
                        <div class="global-sidebar-children-title"><a href="javascript:void(0);">MUJI LABO</a></div>
                        <div class="global-sidebar-children-list">

                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">女式 LABO</a>
                            </div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">男式 LABO</a>
                            </div>

                        </div>
                    </div>
                </div>
                <!-- IDEE WEAR -->
                <div class="global-sidebar-item"><a href="javascript:void(0);">IDEE WEAR</a>
                    <div class="global-sidebar-item-children" style="top: 474px; left: 0px;">
                        <div class="global-sidebar-children-title"><a href="javascript:void(0);">IDEE WEAR</a>
                        </div>
                        <div class="global-sidebar-children-list">
                        </div>
                    </div>
                </div>
            </div>

            <!-- 生活杂货 -->
            <div class="global-sidebar-section">
                <div class="global-sidebar-title"><a href="javascript:void(0);">生活杂货</a></div>

                <div class="global-sidebar-item"><a href="javascript:void(0);">卫生&amp;美容用品</a>
                    <div class="global-sidebar-item-children" style="top: 332px; left: 0px;">
                        <div class="global-sidebar-children-title"><a href="javascript:void(0);">卫生&amp;美容用品</a></div>
                        <div class="global-sidebar-children-list">

                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">护理/化妆用品</a>
                            </div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">化妆用具</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">旅行用品</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">芳香用品</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">卫生用品</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">美发保养</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">肌肤清洁用品</a>
                            </div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">洗浴用品</a></div>

                        </div>
                    </div>
                </div>
                <div class="global-sidebar-item"><a href="javascript:void(0);">纺织品</a>
                    <div class="global-sidebar-item-children" style="top: 297px; left: 0px;">
                        <div class="global-sidebar-children-title"><a href="javascript:void(0);">纺织品</a></div>
                        <div class="global-sidebar-children-list">

                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">床品</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">被子</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">枕头</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">毛巾</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">窗帘</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">毛毯/毛巾被</a>
                            </div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">地毯</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">靠垫/盖膝毯</a>
                            </div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">拖鞋</a></div>

                        </div>
                    </div>
                </div>
                <div class="global-sidebar-item"><a href="javascript:void(0);">文具</a>
                    <div class="global-sidebar-item-children" style="top: 368px; left: 0px;">
                        <div class="global-sidebar-children-title"><a href="javascript:void(0);">文具</a></div>
                        <div class="global-sidebar-children-list">

                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">笔记用具</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">办公用品</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">文件收纳</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">笔记本</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">日历/通信类</a>
                            </div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">绘画/玩具</a></div>

                        </div>
                    </div>
                </div>
                <div class="global-sidebar-item"><a href="javascript:void(0);">居家用品</a>
                    <div class="global-sidebar-item-children" style="top: 404px; left: 0px;">
                        <div class="global-sidebar-children-title"><a href="javascript:void(0);">居家用品</a></div>
                        <div class="global-sidebar-children-list">

                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">家务用品</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">餐桌用品</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">厨房用品</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">卫浴用品</a></div>

                        </div>
                    </div>
                </div>
                <div class="global-sidebar-item"><a href="javascript:void(0);">家具</a>
                    <div class="global-sidebar-item-children" style="top: 332px; left: 0px;">
                        <div class="global-sidebar-children-title"><a href="javascript:void(0);">家具</a></div>
                        <div class="global-sidebar-children-list">

                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">客厅家具</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">收纳用品</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">床</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">轻家具</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">餐厅家具</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">收纳家具</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">写字台</a></div>
                            <div class="global-sidebar-children-list-item"><a
                                    href="javascript:void(0);">Found･Furniture</a>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="global-sidebar-item"><a href="javascript:void(0);">电子产品</a>
                    <div class="global-sidebar-item-children" style="top: 404px; left: 0px;">
                        <div class="global-sidebar-children-title"><a href="javascript:void(0);">电子产品</a></div>
                        <div class="global-sidebar-children-list">

                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">家电制品</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">照明器具</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">自行车</a></div>

                        </div>
                    </div>
                </div>
                <div class="global-sidebar-item"><a href="javascript:void(0);">户外用品</a>
                    <div class="global-sidebar-item-children" style="top: 411.5px; left: 0px;">
                        <div class="global-sidebar-children-title"><a href="javascript:void(0);">户外用品</a></div>
                        <div class="global-sidebar-children-list">

                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">花园用品</a></div>

                        </div>
                    </div>
                </div>
                <div class="global-sidebar-item"><a href="javascript:void(0);">MUJI IDEE</a>
                    <div class="global-sidebar-item-children" style="top: 426.5px; left: 0px;">
                        <div class="global-sidebar-children-title"><a href="javascript:void(0);">MUJI IDEE</a></div>
                        <div class="global-sidebar-children-list">

                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">IDEE GOODS</a>
                            </div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">IDEE
                                    FURNITURE</a>
                            </div>

                        </div>
                    </div>
                </div>

                <div class="global-sidebar-item"><a href="javascript:void(0);">MUJI BOOKS</a>
                    <div class="global-sidebar-item-children" style="top: 414.5px; left: 0px;">
                        <div class="global-sidebar-children-title"><a href="javascript:void(0);">MUJI BOOKS</a></div>
                        <div class="global-sidebar-children-list">

                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">MUJI BOOKS</a>
                            </div>

                        </div>
                    </div>
                </div>

            </div>

            <!-- 食品 -->
            <div class="global-sidebar-section">
                <div class="global-sidebar-title"><a href="javascript:void(0);">食品</a></div>

                <div class="global-sidebar-item"><a href="javascript:void(0);">点心</a>
                    <div class="global-sidebar-item-children" style="top: 429px; left: 0px;">
                        <div class="global-sidebar-children-title"><a href="javascript:void(0);">点心</a></div>
                        <div class="global-sidebar-children-list">

                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">小吃</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">饼干类</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">巧克力/棉花糖</a>
                            </div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">半生点心</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">怀旧零食</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">口香糖糖果</a></div>

                        </div>
                    </div>
                </div>
                <div class="global-sidebar-item"><a href="javascript:void(0);">饮料·冷食</a>
                    <div class="global-sidebar-item-children" style="top: 501px; left: 0px;">
                        <div class="global-sidebar-children-title"><a href="javascript:void(0);">饮料·冷食</a></div>
                        <div class="global-sidebar-children-list">
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">饮料</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">咖啡和茶</a></div>

                        </div>
                    </div>
                </div>
                <div class="global-sidebar-item"><a href="javascript:void(0);">调味加工</a>
                    <div class="global-sidebar-item-children" style="top: 465px; left: 0px;">
                        <div class="global-sidebar-children-title"><a href="javascript:void(0);">调味加工</a></div>
                        <div class="global-sidebar-children-list">

                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">米饭</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">汤包</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">调料包</a></div>
                            <div class="global-sidebar-children-list-item"><a href="javascript:void(0);">咖喱/意大利面酱</a>
                            </div>

                        </div>
                    </div>
                </div>

            </div>

        </div>

        <!-- 中间内容区 + 底部 -->
        <div class="app-global-footer">
            <!-- 中间所有内容 -->
            <div class="app-router-view">
                <div class="view-home">
                    <div class="Container">
                        <div class="Loader state-complete">
                            <div class="loader-content" style data-fullscreen-container='true'>
                                <div></div>
                                <!-- 因疫情影响公告--小型轮播图 -->
                                <div class="view-home-part-announcements ">
                                    <div class="announcements-container itemContent">
                                        <div class="announcements-mes">店铺公告</div>
                                        <div class="announcements-slider">
                                            <div class="swiper-container swiper-container-initialized swiper-container-vertical swiper-container-pointer-events">
                                                <div class="swiper-wrapper"
                                                    style="transition-duration: 300ms; transform: translate3d(0px, 0px, 0px);">
                                                    <div class="swiper-slide swiper-slide-duplicate swiper-slide-active swiper-slide-duplicate-prev"
                                                        data-swiper-slide-index="0" style="height: 20px;">
                                                        <div class="announcements-swiper-title">因部分地区仍受疫情影响，发货配送时效延迟公告。
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div></div>
                                <!-- 正儿八经轮播图 -->
                                <div class="swiper-container myPro  ">
                                    <div class="swiper-wrapper wrapper1 itemContent">
                                        <div class="swiper-slide ">
                                            <img src="https://mujipywebblob.blob.core.chinacloudapi.cn/oms2829374/7e9ab2f1-5bfc-4e42-84cf-32007c00f0d2.jpg"
                                                alt="轮播图">
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="https://mujipywebblob.blob.core.chinacloudapi.cn/oms2829375/fef223a3-db44-401c-84b2-216f1fe00142.jpg"
                                                alt="轮播图">
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="https://mujipywebblob.blob.core.chinacloudapi.cn/oms2829373/30a18e6d-6d77-4c7f-bdad-b789c2d307dc.jpg"
                                                alt="轮播图">
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="https://mujipywebblob.blob.core.chinacloudapi.cn/oms2829371/0b226219-89c8-48e2-8b32-3abae1f9293d.jpg"
                                                alt="轮播图">
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="https://mujipywebblob.blob.core.chinacloudapi.cn/oms28304/868adf69-73eb-4034-8299-7fe1b446c563.jpg"
                                                alt="轮播图">
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="https://mujipywebblob.blob.core.chinacloudapi.cn/oms2829361/d3c7ba47-526d-490d-a77e-f67f0a930f48.jpg"
                                                alt="轮播图">
                                        </div>
                                        <!-- 分页器 -->
                                        <div class="swiper-pagination paging"></div>
                                        <!-- 左箭头 右箭头  -->
                                        <div class="swiper-button-prev swiper-button-white"></div>
                                        <div class="swiper-button-next swiper-button-white"></div>
                                    </div>
                                    
                                </div>
                                <!-- 特集 -->
                                <div class="view-home-part-heading">
                                    <div class="part-heading-text"> 特集 </div>
                                    <div class="part-heading-action">
                                        <a href="https://www.muji.com.cn/cn/store/campaigns" style="color:skyblue">查看更多</a> </div>
                                </div>
                                <!-- 特集商品 -->
                                <div class="view-home-part-campaigns itemContent">
                                    <div class="frag-campaigns">
                                        <div class="frag-campaigns-wrap">
                                            <!-- 这里应该需要页面渲染 -->
                                            <!-- <div class="frag-campaigns-item">
                                                <div class="frag-campaigns-item-inner">
                                                    <div class="frag-campaigns-item-image">
                                                        <img src="https://mujipywebblob.blob.core.chinacloudapi.cn/oms2829328/651bac83-4361-4483-a77a-346c94b15e9b.jpg"
                                                            alt="">
                                                        <div class="frag-campaigns-item-image-name">包包特集</div>
                                                    </div>
                                                    <div class="frag-campaigns-item-name">包包特集</div>
                                                </div>
                                            </div> -->
                                        </div>
                                    </div>
                                </div>
                                <!-- 新商品 -->

                                <div class="view-home-part-heading itemContent">
                                    <div class="part-heading-text"> 新商品 </div>
                                    <div class="part-heading-action"> 
                                        <span style="color: skyblue; cursor: pointer;" id="goodslist">查看更多</span> 
                                    </div>
                                </div>

                                <div class="view-home-part-newests">
                                    <div class="frag-commodities">
                                        <div class="frag-commodities-wrap" id="frag-commodities-wrap1">
                                            <!-- 这里应该需要页面渲染 -->
                                            <!-- <div class="frag-commodities-list-item">
                                                <div class="frag-commodities-item-image">
                                                    <img src="https://img.muji.com.cn/img/item/4550344565346_1260.jpg"
                                                        alt="">
                                                </div>
                                                <div class="frag-commodities-item-name">【上海限定】不锈钢保温保冷马克杯 便携式</div>
                                                <div class="frag-commodities-item-info">
                                                    <div class="frag-commodities-item-price">
                                                        <span class="DisplayPrice">￥
                                                            <span class="display-price-value highlight">
                                                                <span>79.2</span>
                                                            </span>
                                                            <span class="display-price-original">
                                                                <span>￥88</span>
                                                            </span>
                                                        </span>
                                                    </div>
                                                    <div class="frag-commodities-item-sales"> 月销量 76 </div>
                                                </div>
                                            </div>
                                             -->
                                        </div>
                                    </div>
                                </div>

                                <!-- 产品 -->
                                <div class="view-home-part-heading itemContent">
                                    <div class="part-heading-text"> 产品 </div>
                                    <div class="part-heading-action"> <a href="https://www.muji.com.cn/cn/store/commodity-catalogs" style="color:skyblue">分类目录 </a> </div>
                                </div>
                                <!-- 产品分类 -->
                                <div class="frag-catalogs-top">
                                    <div class="frag-catalogs-top-name">衣服·杂货</div>
                                    <div class="frag-catalogs-top-children">
                                        <div class="frag-catalogs-child">
                                            <div class="frag-catalogs-child-inner">
                                                <div class="frag-catalogs-child-image">
                                                    <img class="Brush" src="https://mujipywebblob.blob.core.chinacloudapi.cn/oms164/78a33e1f-78e5-42db-9f58-b7937f7dd756.jpg" alt="">
                                                </div>
                                                <div class="frag-catalogs-child-name"> 女装 </div>
                                            </div>
                                        </div>
                                        <div class="frag-catalogs-child">
                                            <div class="frag-catalogs-child-inner">
                                                <div class="frag-catalogs-child-image">
                                                    <img class="Brush"
                                                        src="https://mujipywebblob.blob.core.chinacloudapi.cn/oms164/ef9cb3f3-e71c-46a7-9bda-3a38680955db.jpg"
                                                        alt="">
                                                </div>
                                                <div class="frag-catalogs-child-name"> 男装 </div>
                                            </div>
                                        </div>
                                        <div class="frag-catalogs-child">
                                            <div class="frag-catalogs-child-inner">
                                                <div class="frag-catalogs-child-image">
                                                    <img class="Brush"
                                                        src="https://mujipywebblob.blob.core.chinacloudapi.cn/oms172/9cf58cdd-053e-49d0-b522-5ea0cfc387aa.jpg"
                                                        alt="">
                                                </div>
                                                <div class="frag-catalogs-child-name"> 内衣 </div>
                                            </div>
                                        </div>
                                        <div class="frag-catalogs-child">
                                            <div class="frag-catalogs-child-inner">
                                                <div class="frag-catalogs-child-image">
                                                    <img class="Brush"
                                                        src="https://mujipywebblob.blob.core.chinacloudapi.cn/oms164/09891164-2500-482b-ab87-ce6ec43a91d4.jpg"
                                                        alt="">
                                                </div>
                                                <div class="frag-catalogs-child-name"> 鞋·包 </div>
                                            </div>
                                        </div>
                                        <div class="frag-catalogs-child">
                                            <div class="frag-catalogs-child-inner">
                                                <div class="frag-catalogs-child-image">
                                                    <img class="Brush"
                                                        src="https://mujipywebblob.blob.core.chinacloudapi.cn/oms164/5762c0f1-d517-4239-ae58-4b0c12a78d9c.jpg"
                                                        alt="">
                                                </div>
                                                <div class="frag-catalogs-child-name"> 服饰杂货 </div>
                                            </div>
                                        </div>
                                        <div class="frag-catalogs-child">
                                            <div class="frag-catalogs-child-inner">
                                                <div class="frag-catalogs-child-image">
                                                    <img class="Brush"
                                                        src="https://mujipywebblob.blob.core.chinacloudapi.cn/oms164/1738428c-165f-4fe7-8654-af3eb5471777.jpg" alt="">
                                                </div>
                                                <div class="frag-catalogs-child-name"> 童装 </div>
                                            </div>
                                        </div>
                                        <div class="frag-catalogs-child">
                                            <div class="frag-catalogs-child-inner">
                                                <div class="frag-catalogs-child-image">
                                                    <img class="Brush"
                                                        src="https://mujipywebblob.blob.core.chinacloudapi.cn/oms172/b33a1c94-ef6d-4f6d-a477-33e5660d715e.jpg"
                                                        alt="">
                                                </div>
                                                <div class="frag-catalogs-child-name"> MUJI LABO </div>
                                            </div>
                                        </div>
                                        <div class="frag-catalogs-child">
                                            <div class="frag-catalogs-child-inner">
                                                <div class="frag-catalogs-child-image">
                                                    <img class="Brush"
                                                        src="https://mujipywebblob.blob.core.chinacloudapi.cn/oms164/e67d7e38-a665-482b-83ef-e06d6b4f0d78.jpg"
                                                        alt="">
                                                </div>
                                                <div class="frag-catalogs-child-name"> IDEE WEAR </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- 生活杂货 -->
                                <div class="frag-catalogs-top">
                                    <div class="frag-catalogs-top-name">生活杂货</div>
                                    <div class="frag-catalogs-top-children">
                                        <div class="frag-catalogs-child">
                                            <div class="frag-catalogs-child-inner">
                                                <div class="frag-catalogs-child-image">
                                                    <img class="Brush" src="https://mujipywebblob.blob.core.chinacloudapi.cn/oms164/5ce1b2ec-5b10-401d-82fc-3a9a09d42221.jpg"
                                                        alt="">
                                                </div>
                                                <div class="frag-catalogs-child-name"> 卫生&amp;美容用品 </div>
                                            </div>
                                        </div>
                                        <div class="frag-catalogs-child">
                                            <div class="frag-catalogs-child-inner">
                                                <div class="frag-catalogs-child-image">
                                                    <img class="Brush"
                                                        src="https://mujipywebblob.blob.core.chinacloudapi.cn/oms164/3f182e94-840e-429b-b5dd-e9bfdb99d101.jpg"
                                                        alt="">
                                                </div>
                                                <div class="frag-catalogs-child-name"> 纺织品 </div>
                                            </div>
                                        </div>
                                        <div class="frag-catalogs-child">
                                            <div class="frag-catalogs-child-inner">
                                                <div class="frag-catalogs-child-image">
                                                    <img class="Brush"
                                                        src="https://mujipywebblob.blob.core.chinacloudapi.cn/oms164/c098314b-ea18-4299-9ccc-cf3c043dc718.jpg"
                                                        alt="">
                                                </div>
                                                <div class="frag-catalogs-child-name"> 文具 </div>
                                            </div>
                                        </div>
                                        <div class="frag-catalogs-child">
                                            <div class="frag-catalogs-child-inner">
                                                <div class="frag-catalogs-child-image">
                                                    <img class="Brush"
                                                        src="https://mujipywebblob.blob.core.chinacloudapi.cn/oms172/d0855552-9e13-45ef-869e-0263855aa447.jpg"
                                                        alt="">
                                                </div>
                                                <div class="frag-catalogs-child-name"> 居家用品 </div>
                                            </div>
                                        </div>
                                        <div class="frag-catalogs-child">
                                            <div class="frag-catalogs-child-inner">
                                                <div class="frag-catalogs-child-image">
                                                    <img class="Brush"
                                                        src="https://mujipywebblob.blob.core.chinacloudapi.cn/oms164/1c799144-28b3-4515-80a1-1d91d2da85fb.jpg"
                                                        alt="">
                                                </div>
                                                <div class="frag-catalogs-child-name"> 家具 </div>
                                            </div>
                                        </div>
                                        <div class="frag-catalogs-child">
                                            <div class="frag-catalogs-child-inner">
                                                <div class="frag-catalogs-child-image">
                                                    <img class="Brush"
                                                        src="https://mujipywebblob.blob.core.chinacloudapi.cn/oms164/ee801a5e-2664-4d49-b5fa-609bc4d09e20.jpg"
                                                        alt="">
                                                </div>
                                                <div class="frag-catalogs-child-name"> 电子产品 </div>
                                            </div>
                                        </div>
                                        <div class="frag-catalogs-child">
                                            <div class="frag-catalogs-child-inner">
                                                <div class="frag-catalogs-child-image">
                                                    <img class="Brush"
                                                        src="https://mujipywebblob.blob.core.chinacloudapi.cn/oms164/54ce96a5-e89f-4ced-95b2-887d9fa8f49e.png"
                                                        alt="">
                                                </div>
                                                <div class="frag-catalogs-child-name"> 户外用品 </div>
                                            </div>
                                        </div>
                                        <div class="frag-catalogs-child">
                                            <div class="frag-catalogs-child-inner">
                                                <div class="frag-catalogs-child-image">
                                                    <img class="Brush"
                                                        src="https://mujipywebblob.blob.core.chinacloudapi.cn/oms172/25a23c4f-980e-49b4-bb10-d4e758908c7f.jpg"
                                                        alt="">
                                                </div>
                                                <div class="frag-catalogs-child-name"> MUJI IDEE </div>
                                            </div>
                                        </div>
                                        <div class="frag-catalogs-child">
                                            <div class="frag-catalogs-child-inner">
                                                <div class="frag-catalogs-child-image">
                                                    <img class="Brush"
                                                        src="https://mujipywebblob.blob.core.chinacloudapi.cn/oms164/f71a4c14-6c55-4f67-9c66-0b4a19ff1028.jpg"
                                                        alt="">
                                                </div>
                                                <div class="frag-catalogs-child-name"> MUJI BOOKS </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                                <!-- 食品 -->
                                <div class="frag-catalogs-top">
                                    <div class="frag-catalogs-top-name">食品</div>
                                    <div class="frag-catalogs-top-children">

                                        <div class="frag-catalogs-child">
                                            <div class="frag-catalogs-child-inner">
                                                <div class="frag-catalogs-child-image">
                                                    <img class="Brush"
                                                        src="https://mujipywebblob.blob.core.chinacloudapi.cn/oms164/210ca92c-16f6-475f-badd-616d18c17952.jpg"
                                                        alt="">
                                                </div>
                                                <div class="frag-catalogs-child-name"> 点心 </div>
                                            </div>
                                        </div>
                                        <div class="frag-catalogs-child">
                                            <div class="frag-catalogs-child-inner">
                                                <div class="frag-catalogs-child-image">
                                                    <img class="Brush"
                                                        src="https://mujipywebblob.blob.core.chinacloudapi.cn/oms164/78eaa806-d5ff-4f87-aafc-ae6e6b8bd430.jpg"
                                                        alt="">
                                                </div>
                                                <div class="frag-catalogs-child-name"> 饮料·冷食 </div>
                                            </div>
                                        </div>
                                        <div class="frag-catalogs-child">
                                            <div class="frag-catalogs-child-inner">
                                                <div class="frag-catalogs-child-image">
                                                    <img class="Brush"
                                                        src="https://mujipywebblob.blob.core.chinacloudapi.cn/oms164/0eadda07-69af-400c-b29a-a35ece1546f4.jpg"
                                                        alt="">
                                                </div>
                                                <div class="frag-catalogs-child-name"> 调味加工 </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                                <!-- 销量排行榜 -->
                                <div class="view-home-part-heading itemContent">
                                    <div class="part-heading-text"> 销售排行榜 </div>
                                    <div class="part-heading-action"> 
                                        <a href="https://www.muji.com.cn/cn/store/commodities?orderBy=buy_desc" style="color: skyblue">查看更多</a>  
                                    </div>
                                </div>
                                <!-- 销量榜商品 -->
                                <div class="view-home-part-hotests">
                                    <div class="frag-commodities">
                                        <div class="frag-commodities-wrap" id="frag-commodities-wrap2">
                                            <!-- 可能渲染页面 -->
                                            <!-- <div class="frag-commodities-list-item">
                                                <div class="frag-commodities-item">
                                                    <div class="frag-commodities-item-inner">
                                                        <div class="frag-commodities-item-image">
                                                            <img src="https://mujipywebblob.blob.core.chinacloudapi.cn/oms1181205/4839c23f-0c94-4383-b34a-9840cbd0a62f.jpg" alt="">
                                                        </div>
                                                        <div class="frag-commodities-item-name">舒适沙发(主体)049182</div>
                                                        <div class="frag-commodities-item-info">
                                                            <div class="frag-commodities-item-price"><span
                                                                    class="DisplayPrice">￥ <span
                                                                        class="display-price-value highlight"><span>700</span></span><span
                                                                        class="display-price-original">
                                                                        </span></span></div>
                                                            <div class="frag-commodities-item-sales"> 月销量 70 </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                             -->
                                        </div>
                                    </div>
                                </div>
                                <!-- 视频 -->
                                <div class="view-home-part-heading itemContent">
                                    <div class="part-heading-text"> 视频 </div>
                                    <div class="part-heading-action">
                                        <a href="https://www.muji.com.cn/cn/store/videos" style="color: skyblue" class="action-more">查看更多</a>
                                    </div>
                                </div>
                                <div class="view-home-part-videos">
                                    <div class="part-videos-name">亚麻，自然的选择。</div>
                                    <div class="part-videos-player">
                                        <div class="VideoPlayer">
                                            <div class="video-player-wrapper">
                                                <svg width="1024px" height="576px" viewBox="0 0 1024 576" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="video-player-holder">
                                                    <rect fill="#FFFFFF" fill-opacity="0" x="0" y="0" width="1024" height="576"></rect>
                                                </svg>
                                                <video poster="https://mujipywebblob.blob.core.chinacloudapi.cn/oms28306/7f6a18a7-a02b-4bd4-bb68-3c7f1f41ec0b.jpg" preload="none" controls="controls" controlslist="nodownload" webkit-playsinline="" playsinline="" x5-video-player-type="h5" x5-playsinline="true">
                                                    <source src="https://mujipywebblob.blob.core.chinacloudapi.cn/oms28306/de6f8e4e-982d-46a0-a665-471c462d2b64.mp4" type="video/mp4">
                                                </video>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- 返回顶部的二级菜单 -->
                    <div class="global-fab">
                        <div class="global-fab-container">
                            <div class="global-fab-service">
                                <img src="" alt="客服">
                            </div>
                            <div class="global-fab-details">
                                <div class="global-fab-title">无印良品MUJI官方网络商城</div>
                                <div class="global-fab-service-online"><span class="global-fab-online">在线客服</span><a
                                        href="javascript:void(0);">联系客服</a>
                                </div>
                                <div class="global-fab-work-time"><span class="global-fab-online">工作时间</span><span
                                        class="global-fab-weekday">周一至周日: 10:00-22:00<br>（国家法定节假日除外）</span>
                                </div>
                                <div class="global-fab-work-time"><span class="global-fab-online">联系电话</span><span
                                        class="global-fab-weekday">400-920-9299</span>
                                </div>
                            </div>
                            <div class="global-fab-backtotop">
                                <img src="" alt="向上滑动">
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 底部 -->
            <div class="global-footer" id="footer">
                <div class="footer-left-country">中国</div>
                <div class="global-footer-wrap"><span class="global-footer-wrap-item">© Ryohin Keikaku Co.,
                        Ltd.</span><span class="global-footer-wrap-item">© 无印良品（上海）商业有限公司</span><span
                        class="global-footer-wrap-item">地址：上海市静安区南京西路1601号35楼3501-3508室</span></div>
                <div class="global-footer-wrap"><a href="https://www.muji.com.cn/cn/net/contents/contact/faq/3.jpg"
                        data-fancybox="" data-caption="营业执照" class="global-footer-wrap-item">营业执照</a><a
                        href="https://www.muji.com.cn/cn/net/contents/contact/faq/2.jpg" data-fancybox=""
                        data-caption="食品经营许可证" class="global-footer-wrap-item">食品经营许可证</a><a
                        href="https://www.muji.com.cn/cn/net/contents/contact/faq/1.jpg" data-fancybox=""
                        data-caption="出版物经营许可证" class="global-footer-wrap-item">出版物经营许可证 新出发 沪批字第 X6755号</a></div>
                <div class="global-footer-wrap"><span class="footer-right-address">沪ICP备08018225号</span><span
                        class="footer-right-police"><img
                            src="">
                        沪公网安备 31010602002779号 </span><span class="footer-right-item"><img
                            src="">
                        上海工商 </span></div>
            </div>
        </div>
    </div>
</body>
<script src="../static/libs/javascripts/swiper-bundle.min.js"></script>
<script src="../static/libs/javascripts/ajax.js"></script>
<script src="../../dist/javascripts/home.js"></script>
<script src="../../dist/javascripts/new_goods.js"></script>
<script src="../../dist/javascripts/ranking.js"></script>
<script src="../static/libs/javascripts/jquery.lazyload.js"></script>
<script src="../static/libs/javascripts/animate.js"></script>
</html>